{% extends 'base.html' %}

{% block content %}
     <h1>What to expect:</h1>
<ol class="expectations">
<li>Your Oregon DMV Number or Last 4 Digits of Your Soc.</li>
<li><strong>Be patient!</strong> The form will only take a minute to complete.</li>
<li>We will follow up with you to see how it went.</li>
</ol>
      <div class="clear"></div>
      <div id="countdown"></div>
      <a class="button" id="next-button" href="https://secure.sos.state.or.us/eim/vr/register.do?lang=eng"><span>Be Registered</span></a>
      <div class="clear"></div>
{% endblock %}

{% block extra_body_content %}
<script type="text/javascript">
    var _countdownRemains = 15;

    function doCountdown() {
        if (_countdownRemains < 1) {
            window.location = $("#next-button").attr("href");
        } else {
            $("#countdown").text("Be registered in " +_countdownRemains.toString() + " seconds");
            _countdownRemains -= 1;
        }
    }

    $(function () {
        setInterval(doCountdown, 1000);
    })
</script>
{% endblock %}
